<!--
 * @Author: MrRice
 * @Date: 2024-06-02 17:50:26
 * @LastEditors: MrRice 1246333567@qq.com
 * @LastEditTime: 2024-06-05 10:55:58
 * @FilePath: /npm-library-universal-template/examples/HelloLib.html
 * @Description: 
 * 小舟从此逝，江海寄余生。。。。。。
 * Copyright (c) 2024 by 米大饭, All Rights Reserved. 
-->
<!--
 *                   ___====-_  _-====___
 *             _--^^^#####//      \\#####^^^--_
 *          _-^##########// (    ) \\##########^-_
 *         -############//  |\^^/|  \\############-
 *       _/############//   (@::@)   \############\_
 *      /#############((     \\//     ))#############\
 *     -###############\\    (oo)    //###############-
 *    -#################\\  / VV \  //#################-
 *   -###################\\/      \//###################-
 *  _#/|##########/\######(   /\   )######/\##########|\#_
 *  |/ |#/\#/\#/\/  \#/\##\  |  |  /##/\#/  \/\#/\#/\#| \|
 *  `  |/  V  V  `   V  \#\| |  | |/#/  V   '  V  V  \|  '
 *     `   `  `      `   / | |  | | \   '      '  '   '
 *                      (  | |  | |  )
 *                     __\ | |  | | /__
 *                    (vvv(VVV)(VVV)vvv)
 * 
 *      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 
 *                神兽保佑            永无BUG
 -->

<!--
 * @Author: MrRice
 * @Date: 2024-06-02 17:50:26
 * @LastEditors: MrRice 1246333567@qq.com
 * @LastEditTime: 2024-06-04 18:27:42
 * @FilePath: /npm-library-universal-template/examples/HelloLib.html
 * @Description: 小舟从此逝,江海寄余生
 * 
 * Copyright (c) 2024 by ${git_name_email}, All Rights Reserved. 
-->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>HelloLib</title>
  </head>

  <body>
    <div class="app">
      <div id="container"></div>
    </div>

    <script type="module">
      import HelloLib from 'HelloLib';
      new HelloLib('container');
    </script>
  </body>

  <style>
    .app {
      display: flex;
      display: -webkit-flex;
      /* Safari */
      flex-direction: column;
      margin: auto;
      align-content: center;
      justify-content: center;
      align-items: center;
      position: fixed;

      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }

    .svg {
      width: 50%;
      height: 50%;
    }

    .logo {
      width: 100%;
      height: 100%;
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
    }

    #container {
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center;
      width: 40%;
      height: 40%;
    }
  </style>
</html>
